
.colorBackground {
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  min-height: 55px;
}

.title{
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  span:first-child{
    color: #000;
    font-size: 16px;
    border-left: 5px solid #13c2f3;
    padding-left: 10px;
  }
  span{
    margin: 0 10px;
  }
  .tcpandding{
    flex-grow:1;
  }
}
.composing{
  display: flex;
	justify-content: flex-start;
}
.colorBackgrounds {
  background-color: #ffffff;
  min-height: calc(100vh - 260px);
  padding-top: 0px;
  
}
.zsy {
  display: flex;
  justify-content: flex-end;

}
.textHeader1 {
  font-size: 8px;
}
.textHeader2 {
  font-size: 26px;
}
.textHeader {
  width: 160px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  .textHeaderA {
    height: 45px;
  }
  .textHeaderB {
    height: 45px;
  }
}
.AccessTrend {
  background-color: #15baea;
  margin-right: 2px;
  
}
.cursorA {
  cursor: pointer;
}
.busa {
  width: 100%;
  height: 100%;
}
.buttonA{
  margin-top: 6px;
}
.buttonAB{
  margin-top: 9px;
}
.badgeDangerA{
// justify-content:flex-start;
background-color: #ff8992;
background-image: none;
height: 18px;
width: 24px;
border-radius: 12px !important;
text-align: center;
}
.badgeDangera{
  background-color: #abcb67;
  background-image: none;
  height: 18px;
  width: 24px;
  border-radius: 12px !important;
  text-align: center;
}
.badgeDangerB{
position: relative;
bottom: 2px;
}
.buttonb{
  background-color:#13c2f3;
  color:#ffffff;
  margin-right:6px; 
}
.pb{
  display: flex;
  justify-content:flex-start;
  
}
.buttongl{
  display: flex;
		align-items: center;
    width: 61px;
    height:24px;
    background: #13c2f3;
    padding: 5px 7px 5px 7px;
    color: #ffffff;
    border-radius:5px; 
    cursor: pointer;
     white-space : nowrap;
}
.buttongl:active
{
background-color:rgb(51, 163, 255);
}

  :global{
    .tabJj{
       .ant-card-body{
           padding: 0px 0px 0px 10px;
       }
    }
  }
  
